<template>
	<view class="detailAccountCard" @click="toDetailAccountInfo">
		<view class="row1">
			<span>{{info.item}}</span>
			<span v-if="info.status===0">成功到账</span>
			<span v-else-if="info.status===1" style="color:#FFA858">审核中</span>
			<span v-else-if="info.status===2" style="color:#FFA858">提现中</span>
			<span v-else-if="info.status===3" style="color:#08C89A">提现成功</span>
			<span v-else-if="info.status===4" style="color:#FF5F58">提现失败</span>
		</view>
		<view class="row2">
			<span>{{info.status==0?'到账时间':'申请时间'}}:&nbsp;{{info.time}}</span>
			<span>{{info.status==0?'+':'-'}}{{info.value.toFixed(2)}}元</span>
		</view>
	</view>
</template>

<script>
	export default {
		name:"detailAccountCard",
		data() {
			return {
				
			};
		},
		props:{
			info:{
				type:Object,
				default:{
					item:'服务员',
					status:0,
					time:'2022.7.20 15:01:22',
					value:10,
				}
			}
		},
		mounted() {
			
		},
		methods:{
			toDetailAccountInfo(){
				//前往订单详情页
				console.log('111');
				uni.navigateTo({
					url:'/subpageA/my/assets/detailAccountInfo?data='+JSON.stringify(this.info)
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.detailAccountCard{
		width: 686rpx;
		padding: 32rpx;
		background-color: #FFFFFF;
		box-shadow: 0px 1px 0px 0px #F5F5F5;
		border-bottom: 1px solid #F3F7F8;
		
		.row1{
			display: flex;
			justify-content: space-between;
			>span{
				font-size: 24rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #000000;
			}
			>span:nth-of-type(1){
				font-size: 28rpx;
				font-weight: 500;
			}
			
		}
		.row2{
			display: flex;
			justify-content: space-between;
			>span{
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #000000;
			}
			>span:nth-of-type(2){
				font-weight: 500;
				color: #000000;
			}
		}
	}
</style>